<template>
  <div class="box">
      <header class="header">
        <van-search
  v-model="value"
  show-action
 placeholder="请输入搜索关键词"
  @search="onSearch"
>
  <template #action>
    <div @click="onClickButton">搜索</div>
  </template>
</van-search>

      </header>
      <main class="content">
        <van-swipe :autoplay="3000" lazy-render>
  <van-swipe-item v-for="image in images" :key="image">
    <img :src="image" style="width: 100% ; height: 200px;" />
  </van-swipe-item>
</van-swipe>
<ProList></ProList>
      </main>
    </div>
</template>

<script setup>
import ProList from './conponent/ProList.vue'
   const images = [
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
      'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
    ];
</script>

<style lang="scss" scoped>

</style>